<template>
  <div class="bed-page h100 bg-white">
    <div class="now-bed">
      当前床位：{{ bedNum }}
    </div>

    <div class="iconfont iconjingshi" />

    <div class="tips"> 
      当前床位扫码人数超过科室设置，无法进入
      若您是本床位当前患者或家属，请联系科室管理人员
    </div>

    <div class="exit-button" @click="closeWindow">
      关闭
    </div>
  </div>
</template>

<script>
import { computed } from 'vue';
import { ENTRY_PARAMS } from '@/constants/common';
import Storage from '@/utils/storage';
import { closeWindow } from '@/utils/weixin';
export default {
  setup() {
    const bedNum = computed(() => Storage.get(ENTRY_PARAMS)?.bedNum || '');
    return { closeWindow, bedNum };
  }
};
</script>

<style lang="scss" scoped>
.bed-page {
  padding: 80px 32px 0;
}

.now-bed {
  font-size: 36px;
  font-weight: 500;
  color: #373d52;
  line-height: 50px;
}

.tips {
  font-size: 28px;
  font-weight: 400;
  color: #373d52;
  line-height: 40px;
}

.exit-button {
  width: 368px;
  height: 80px;
  border-radius: 8px;
  font-weight: 500;
  line-height: 80px;
  font-size: 30px;
  text-align: center;
  color: #fff;
  background: #07c160;
  margin-left: -184px;
  position: fixed;
  bottom: 160px;
  left: 50%;
}

.iconjingshi {
  font-size: 180px;
  color: #fa5151;
  text-align: center;
  margin: 150px 0;
}
</style>